<!--<template>-->
<!--  <el-form-->
<!--    ref="loginForm"-->
<!--    :rules="loginRules"-->
<!--    :model="loginForm"-->
<!--    class="login-form"-->
<!--    status-icon-->
<!--    label-width="0"-->
<!--  >-->
<!--    <el-form-item prop="mobile">-->
<!--      <el-input-->
<!--        v-model="loginForm.mobile"-->
<!--        size="small"-->
<!--        auto-complete="off"-->
<!--        placeholder="请输入手机号码"-->
<!--        @keyup.enter.native="handleLogin"-->
<!--      >-->
<!--        <i slot="prefix" class="icon-iphone" />-->
<!--      </el-input>-->
<!--    </el-form-item>-->
<!--    <el-form-item prop="code">-->
<!--      <el-input-->
<!--        v-model="loginForm.code"-->
<!--        size="small"-->
<!--        auto-complete="off"-->
<!--        placeholder="请输入验证码"-->
<!--        @keyup.enter.native="handleLogin"-->
<!--      >-->
<!--        <i slot="prefix" class="icon-duanxin" style="margin-top:6px;" />-->
<!--        <template slot="append">-->
<!--          <span :class="[{display:msgKey}]" class="msg-text" @click="handleSend">{{ msgText }}</span>-->
<!--        </template>-->
<!--      </el-input>-->
<!--    </el-form-item>-->
<!--    <el-form-item>-->
<!--      <el-button-->
<!--        size="small"-->
<!--        type="primary"-->
<!--        class="login-submit"-->
<!--        @click.native.prevent="handleLogin"-->
<!--      >登录</el-button>-->
<!--    </el-form-item>-->
<!--  </el-form>-->
<!--</template>-->

<!--<script>-->
<!--const MSGINIT = "发送验证码",-->
<!--  MSGSCUCCESS = "${time}秒后重发",-->
<!--  MSGTIME = 60;-->
<!--import { isvalidatemobile } from "@/util/validate";-->
<!--import { mapGetters } from "vuex";-->
<!--import request from "@/router/axios";-->
<!--export default {-->
<!--  name: "Codelogin",-->
<!--  data() {-->
<!--    const validatePhone = (rule, value, callback) => {-->
<!--      if (isvalidatemobile(value)[0]) {-->
<!--        callback(new Error(isvalidatemobile(value)[1]));-->
<!--      } else {-->
<!--        callback();-->
<!--      }-->
<!--    };-->
<!--    const validateCode = (rule, value, callback) => {-->
<!--      if (value.length !== 6) {-->
<!--        callback(new Error("请输入6位数的验证码"));-->
<!--      } else {-->
<!--        callback();-->
<!--      }-->
<!--    };-->
<!--    return {-->
<!--      msgText: MSGINIT,-->
<!--      msgTime: MSGTIME,-->
<!--      msgKey: false,-->
<!--      loginForm: {-->
<!--        mobile: "",-->
<!--        code: "",-->
<!--      },-->
<!--      loginRules: {-->
<!--        mobile: [{ required: true, trigger: "blur", validator: validatePhone }],-->
<!--        code: [{ required: true, trigger: "blur", validator: validateCode }],-->
<!--      },-->
<!--    };-->
<!--  },-->
<!--  computed: {-->
<!--    ...mapGetters(["tagWel"]),-->
<!--  },-->
<!--  methods: {-->
<!--    handleSend() {-->
<!--      // 判断是否可以发送（时间限制）-->
<!--      if (this.msgKey) return;-->
<!--      // 发送验证码-->
<!--      this.$refs.loginForm.validateField("mobile", (valid) => {-->
<!--        if (!valid) {-->
<!--          request({-->
<!--            url: "/admin/app/" + this.loginForm.mobile,-->
<!--            method: "get",-->
<!--          }).then((response) => {-->
<!--            if (response.data.data) {-->
<!--              this.$message.success("验证码发送成功");-->
<!--              this.timeCacl();-->
<!--            } else {-->
<!--              this.$message.error(response.data.msg);-->
<!--            }-->
<!--          });-->
<!--        }-->
<!--      });-->
<!--    },-->
<!--    handleLogin() {-->
<!--      this.$refs.loginForm.validate((valid) => {-->
<!--        if (valid) {-->
<!--          this.$store.dispatch("LoginByPhone", this.loginForm).then(() => {-->
<!--            this.$router.push({ path: this.tagWel.value });-->
<!--          });-->
<!--        }-->
<!--      });-->
<!--    },-->
<!--    timeCacl() {-->
<!--      // 计时避免重复发送-->
<!--      this.msgText = MSGSCUCCESS.replace("${time}", this.msgTime);-->
<!--      this.msgKey = true;-->
<!--      const time = setInterval(() => {-->
<!--        this.msgTime&#45;&#45;;-->
<!--        this.msgText = MSGSCUCCESS.replace("${time}", this.msgTime);-->
<!--        if (this.msgTime === 0) {-->
<!--          this.msgTime = MSGTIME;-->
<!--          this.msgText = MSGINIT;-->
<!--          this.msgKey = false;-->
<!--          clearInterval(time);-->
<!--        }-->
<!--      }, 1000);-->
<!--    },-->
<!--  },-->
<!--};-->
<!--</script>-->

<!--<style>-->
<!--.msg-text {-->
<!--  display: block;-->
<!--  width: 60px;-->
<!--  font-size: 12px;-->
<!--  text-align: center;-->
<!--  cursor: pointer;-->
<!--}-->
<!--.msg-text.display {-->
<!--  color: #ccc;-->
<!--}-->
<!--</style>-->
